﻿@{
    ViewBag.Title = "BitShuva - Build your radio app";
}

<div id="myCarousel" class="carousel slide">
	<!-- Indicators -->
	<ol class="carousel-indicators">
		<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
		<li data-target="#myCarousel" data-slide-to="1"></li>
		<li data-target="#myCarousel" data-slide-to="2"></li>
		<li data-target="#myCarousel" data-slide-to="3"></li>
	</ol>

	<!-- Wrapper for slides -->
	<div class="carousel-inner">

		<div class="item active">
			<img src="@Url.Content("~/content/images/slide-01.jpg")" alt="">
			<div class="container">
				<div class="carousel-caption">
					<h1>Launch your own radio station</h1>
					<p class="lead">Your music. Your audience. You are the DJ.</p>
					<a href="#signUpDialog" class="btn btn-large btn-primary" data-toggle="modal">Get started</a>
				</div>
			</div>
		</div>

		<div class="item">
			<img src="@Url.Content("~/content/images/slide-03.jpg")" alt="">
			<div class="container">
				<div class="carousel-caption">
					<h1>A new kind of radio.</h1>
					<p class="lead">Pandora + live radio + social. Each listener gets his own stream and can thumb-up and thumb-down songs. Community song ranks, live song requests, and tagging floats the good stuff to the top.</p>
					<a href="/examples" class="btn btn-large btn-primary">See what it looks like</a>
				</div>
			</div>
		</div>

		<div class="item">
			<img src="@Url.Content("~/content/images/slide-02.jpg")" alt="">
			<div class="container">
				<div class="carousel-caption">
					<h1>Build your music community.</h1>
					<p class="lead">Turn your audience into a community. Local music? Niche genre? Indie? BitShuva creates a sense of community around your music.</p>
					<a href="/howitworks" class="btn btn-large btn-primary">See how it works</a>
				</div>
			</div>
		</div>

		<div class="item">
			<img src="@Url.Content("~/content/images/slide-04.jpg")" alt="">
			<div class="container">
				<div class="carousel-caption">
					<h1>Easy to get started.</h1>
					<p class="lead">Let us turn your radio station idea into reality.</p>
					<a class="btn btn-large btn-primary" href="#signUpDialog" data-toggle="modal">Try it now</a>
				</div>
			</div>
		</div>

	</div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
    <span class="icon-prev"></span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
    <span class="icon-next"></span>
  </a>
</div>



<!-- Marketing messaging and featurettes
================================================== -->
<!-- Wrap the rest of the page in another container to center all the content. -->

<div class="container marketing">

    <!-- Three columns of text below the carousel -->
    <div class="row">
        <div id="marketing-music" class="col-lg-4">
            <h2><i class="icon-music"></i> Your music</h2>
            <p>Create a radio station playing the music you want your audience to hear. Indie bands, local music scenes, and niche communities use BitShuva for internet radio. Now you can, too.</p>
            <p><a class="btn" href="/examples">Show me what it looks like »</a></p>
        </div><!-- /.span4 -->
        <div id="marketing-community" class="col-lg-4">
            <h2><i class="icon-comments"></i> Your community</h2>
            <p>BitShuva creates a community around your music through features like song requests, song ranking, tagging, and commenting. Your music becomes the center of attention as users make song requests, comment on songs, and more.</p>
            <p><a class="btn" href="/howitworks">Tell me how it works »</a></p>
        </div><!-- /.span4 -->
        <div id="marketing-technology" class="col-lg-4">
            <h2><i class="icon-bolt"></i> Fresh technology</h2>
            <p>BitShuva is internet radio, evolved. Users up-vote songs, BitShuva learns what each users likes and plays more of the good stuff. And because we use modern web technologies, no install is required, and your radio station runs on PC, Mac, iOS, Droid and more.</p>
            <p><a class="btn" href="/howitworks">Learn more »</a></p>
        </div><!-- /.span4 -->
    </div><!-- /.row -->


    <!-- START THE FEATURETTES -->

    <hr class="featurette-divider"/>

    <div class="featurette">
        <img class="featurette-image pull-right img-circle" src="@Url.Content("~/content/images/communitysquare.jpg")">
        <h2 class="featurette-heading">Radio tailored for your community. <span class="text-muted">They're going to love this.</span></h2>
        <p class="lead">Give your community the music it wants. Amplify your artists. Grow your genre. Build a community around your music.</p>
        <a class="lead" href="/examples">Show me examples</a>
		<div style="clear: both;"></div>
    </div>

    <hr class="featurette-divider"/>

    <div class="featurette">
        <img class="featurette-image pull-left img-circle" src="@Url.Content("~/content/images/drumGuitarSquare.jpg")">
        <h2 class="featurette-heading">Grow and prosper the music. <span class="text-muted">It's time.</span></h2>
        <p class="lead">Drive listeners to your site. Market and sell music through your radio station. Your audience keeps coming back for the music...and for the community around it.<br /><br /> </p>
        <a class="lead" href="/howitworks">Tell me more</a>
		<div style="clear: both;"></div>
    </div>

    <hr class="featurette-divider" />

    <div class="featurette">
        <img class="featurette-image pull-right img-circle" src="@Url.Content("~/content/images/lightsSquare.jpg")">
        <h2 class="featurette-heading">Your music + modern web technology. <span class="text-muted">This is what we need.</span></h2>
        <p class="lead">Not just any radio software. While other radio stations are stuck on old plugin tech from the '90s, your station is shining across all platforms using bleeding-edge native web technologies. <br /><br />Delightfully, your music is streaming out on all platforms, tablets, and even smartphones.</p>
        <a class="lead" href="/howitworks">Learn of the technology goodness</a>
		<div style="clear: both;"></div>
    </div>
    
    <hr class="featurette-divider" />

    <div class="featurette">
        <img class="featurette-image pull-left img-circle" src="@Url.Content("~/content/images/crowdSquare.jpg")">
        <h2 class="featurette-heading">Technology to build the community. <span class="text-muted">Bingo.</span></h2>
        <p class="lead">Imagine this: your listeners are thumbing-up songs, floating good tunes to the top. They're requesting songs that play live for everyone listening. They're creating playlists and custom stations, sharing music through Facebook and Twitter, all linking back to your radio station. With BitShuva, your music is center stage.</p>
        <a class="lead" href="/howitworks">Social music - grow your audience</a>
		<div style="clear: both;"></div>
    </div>
    <hr class="featurette-divider">

    <!-- /END THE FEATURETTES -->

</div><!-- /.container -->

<script type="text/javascript">
    $(function () {
        $('#myCarousel').carousel({ interval: 20000 });
        window.bitshuvaVm.isOnHome(true);
    });
</script>